<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
   <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
		$("#checkPassBtn").click(function(){ 
			var id=$("input[name=id]");
			var email=$("input[name=email]");
			
			 if(id.val()==""){
				   alert("아이디를 입력해 주세요");
				   id.focus();
				  return false;
			 }else if(email.val()==""){
			    	alert("이메일을  입력해 주세요");
			    	email.focus();
			    	return false;
			        }
			$.ajax({
				type:"POST",
				url:"checkPassword.inven", //url 을 노출시키지 않는다.
				data:"id="+id.val()+"&email="+email.val(), //data:"id="+id
				dataType:"json", 
				success:function(jsonData){
					if(jsonData=="fail"){
						alert("아이디와 이메일을 다시 확인해 주세요");
					} else{
						alert("비밀번호는 "+jsonData);
					}
				}//success
			}); //ajax
			
		});//click
	});	//ready	
</script>


 패스워드 찾기
<br>
<form id="checkPasswordForm" name="checkPasswordForm">
	ID : <input type="text" name="id" id="id"> 
	EMAIL : <input type="text" name="email" id="email"> 
	<input type="button" id="checkPassBtn" value="비밀번호찾기">
</form>
<span id="checkPassword"></span>